<template lang="html">
  <div class="boutiquedetails">
    <Header :HeaderTitle="header_title"></Header>
    <div class="purchase_box">
      <div class="boutiquedetails_main" v-for="ietm in goods">
        <img :src="ietm" :alt="title" >
      </div>
    </div>
  </div>
</template>

<script type="text/javascript">
  import Header from "../header/header.vue";
  export default {
    name: 'cuxiao',
    data(){
      return{
        header_title:{url:"/",title:"品牌详情"},
        goods:[],
        title:''
      }
    },
    created:function(){
      var conent = this,
      routerParams = this.$route.query.id;
      let _url = "/index.php?g=app&m=shopping&a=pinpai_one_post",
      _data={
        id:routerParams
      }
      conent.$http.post(_url,_data).then(function(data){
          if(data.data.status== "1"){
            conent.goods = data.data.data.pinpai_info.content.split(",");
            conent.title = data.data.data.pinpai_info.title;
            console.log(data.data.data.pinpai_info.content.split(','))
          }else {
            
          }
      },function(response){
          conent.$toast(response);
      })
    },
    components:{
      'Header':Header
    }
  }
</script>

<style scoped lang="less">
@import '../../../assets/less/index.less';
.boutiquedetails{
  .purchase_box{
    width: 100vw;
    .boutiquedetails_main{
      width: @width;
      margin: 0 auto;
      img{
        width: 100%;
      }
    }
  }
}
</style>